<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页-教育论坛</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/css/community.css">
    <script src="/js/jquery-3.6.0.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="//at.alicdn.com/t/font_2622796_nmyyg5boobj.js"></script>
</head>
<body  style="background-color: #eee">
    <div th:insert="~{navigation :: nav}"></div>
    <div class="container-fluid main">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6" style="background-color: white">
                <div class="row">
                    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
                        <h2 style="margin: 20px"><span class="glyphicon glyphicon-list" aria-hidden="true"></span>&nbsp;发现</h2>
                        <hr>

                        <blockquote th:each="top : ${tops}">
                            <div class="media" >
                                <div class="media-left">
                                    <a th:href="@{'/profile/'+${top.user.id}}">
                                        <img class="media-object img-rounded"
                                             style="width: 60px;height: 60px;"
                                             th:src="${top.user.avatarUrl}">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading" >
                                        <svg  class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-zhiding"></use>
                                        </svg>
                                        <a th:href="@{'/question/'+${top.id}}" th:text="${top.title}"></a>
                                    </h4>
                                    <span th:text="${top.description}"></span> <br>
                                    <span class="text-desc"><span th:text="${top.commentCount}"></span> 个回复 • <span th:text="${top.viewCount}"></span> 次浏览 • <span th:text="${#dates.format(top.gmtCreate,'yyyy-MM-dd HH:mm')}"></span></span>
                                </div>
                            </div>
                        </blockquote>

                        <blockquote th:each="question : ${pagination.questions}">
                            <div class="media" >
                                <div class="media-left">
                                    <a th:href="@{'/profile/'+${question.user.id}}">
                                        <img class="media-object img-rounded"
                                             style="width: 60px;height: 60px;"
                                             th:src="${question.user.avatarUrl}">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading" >
                                        <a th:href="@{'/question/'+${question.id}}" th:text="${question.title}"></a>
                                    </h4>
                                    <span th:text="${question.description}"></span> <br>
                                    <span class="text-desc"><span th:text="${question.commentCount}"></span> 个回复 • <span th:text="${question.viewCount}"></span> 次浏览 • <span th:text="${#dates.format(question.gmtCreate,'yyyy-MM-dd HH:mm')}"></span></span>
                                </div>
                            </div>
                        </blockquote>
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li th:if="${pagination.showFirstPage}">
                                    <a href="/?page=1" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li>
                                <li th:if="${pagination.showPrevious}">
                                    <a th:href="@{/(page=${pagination.page - 1})}" aria-label="Previous">
                                        <span aria-hidden="true">&lt;</span>
                                    </a>
                                </li>
                                <li th:each="page : ${pagination.pages}" th:class="${pagination.page==page}?'active':''"><a th:href="@{/(page=${page})}" th:text="${page}"></a></li>
                                <li th:if="${pagination.showNext}">
                                    <a th:href="@{/(page=${pagination.page+1})}" aria-label="Previous">
                                        <span aria-hidden="true">&gt;</span>
                                    </a>
                                </li>
                                <li th:if="${pagination.showEndPage}">
                                    <a th:href="@{/(page=${pagination.totalPage})}" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                </div>
            </div>
            </div>
        </div>
</body>
</html>